initMap();


function initMap(){
	var add=[{city:"杭州",addr:"杭州市西湖区文一西路75号",point:{lng:120.121375,lat:30.294012}}
	,{city:"杭州",addr:"金色蓝庭",point:{lng:120.120406,lat:30.292846}}
	,{city:"杭州",addr:"杭州剧院",point:{lng:120.168543,lat:30.276863}}
	,{city:"上海",addr:"杭州剧院",point:{lng:121.474652,lat:31.234654}}
	];
	  createMap();//创建地图
	  setMapEvent();//设置地图事件
	  addMapControl();//向地图添加控件
	  
	  //监听地图缩放级别
	  map.addEventListener("zoomend", function(){
		  var zoom = this.getZoom();
		  var point =  new BMap.Point(120.120406,30.292846);
//		  var opts = {
//				  icon:{
//					  url:"../images/map.png",
//					  hieght:"20px",
//					  weight:"20px"
//				  }
//		  }
		  var marker = new BMap.Marker(point);
		  var label = new BMap.Label("我是文字标注哦",{offset:new BMap.Size(0,45)});
		  label.setStyle({
		    border:"0px",
		    height:"20px",
		    width:"120px",
		    lineHight:"20px",
		    textAlign:"center",
		    backgroundColor:"display",
		   	color:"white"
		  })
		  marker.setLabel(label);
		  //
		  
			
		 
		  //
		  if(zoom >= 10 && zoom < 12){
			  map.clearOverlays();
			 //var label = new BMap.Label("sindrax",{position:point});
			 //marker.setLabel(label);
//			 var  marker = new BMap.Marker(new BMap.Point(120.120406,30.292846));
			  
			  $.get("FHMYSQL/map/provice",function(data){
				  alert(1);
			  })
			 
			  //addMapOverlay1(add);//向地图添加覆盖物
			  marker.setIcon(new BMap.Icon("https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=1981831744,2663602751&fm=23&gp=0.jpg",new BMap.Size(40,80)));
			  map.addOverlay(marker);//添加标注
			  //添加事件监听
			 marker.addEventListener("mouseover",function(){
				    this.setIcon(new BMap.Icon("https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=1981831744,2663602751&fm=23&gp=0.jpg",new BMap.Size(40,80)));
				  })
				   marker.addEventListener("mouseout",function(){
				    this.setIcon(new BMap.Icon("https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=1981831744,2663602751&fm=23&gp=0.jpg",new BMap.Size(40,80)));
				  })
//				   marker.addEventListener("click",function(){
//				   	map.setZoom(6);
//				    map.clearOverlays();
//				   })
		  }else if(zoom<10){
			  map.clearOverlays();
			  var label = new BMap.Label("jfdksjlfdksjldksjflks",{position:point});
			  map.addOverlay(label);
			  
		  }
		  alert("地图缩放至："+zoom+"级");
	  });
}
//创建百度地图实例
function createMap() {
    map = new BMap.Map("map"); //建树Map实例
    map.centerAndZoom("杭州", 5);// 建树点坐标,初始化地图,设置中心点坐标和地图级别。
}
/**
 * 设置地图事件
 */
function setMapEvent() {
	map.enableScrollWheelZoom();//启用地图滚轮放大缩小
	map.enableInertialDragging();
	map.enableContinuousZoom();
    //map.enableKeyboard();//启用键盘上下左右键移动地图
    //map.enableDragging(); //启用地图拖拽事件，默认启用(可不写)
    //map.enableDoubleClickZoom()//启用鼠标双击放大，默认启用(可不写)
}

/**
 * 绑定窗口信息事件
 * 
 * @param target
 * @param window
 * @returns
 */
function addClickHandler(target, window) {
	target.addEventListener("click", function() {
	target.openInfoWindow(window); 
	});
}

function addMapControl(){
	var size = new BMap.Size(10, 20);
	map.addControl(new BMap.CityListControl({
	    anchor: BMAP_ANCHOR_TOP_LEFT,
	    offset: size,
	    // 切换城市之间事件
	    // onChangeBefore: function(){
	    //    alert('before');
	    // },
	    // 切换城市之后事件
	    // onChangeAfter:function(){
	    //   alert('after');
	    // }
	}));
}
/**
 * 标签处理工具
 * 
 * @param marker
 * @param padding
 * @param maxZoom
 * @returns
 */
function markerManager(marker,padding,maxZoom){
	//创建MarkerManager工具类
	var mgr = new BMapLib.MarkerManager(map,{maxZoom: 18});
	//将marker设置到特定放大级别
	mgr.addMarker(marker,padding,maxZoom);
	mgr.show();
}

 /**
  * 添加地图覆盖物（标注，文本，消息框）
  */
function addMapOverlay1(add){
	//创建marker
	for(var i=0;i<add.length;i++){
		var address = add[i];
		var point = new BMap.Point(address.point.lng,address.point.lat);
		var content = address.addr;
		var city = address.city;
		var marker = new BMap.Marker(point);//在point点创建标注
		//创建文本标注格式
		var opts = {
				  position : point,    // 指定文本标注所在的地理位置
				  offset   : new BMap.Size(20, -20)    //设置文本偏移量
				}
		var label = new BMap.Label(address.addr,opts);//创建文本标注
		marker.setLabel(label);//添加文字标注
		 var opts1 = { 
		           width : 200, 
		           title : content ,  
		           enableMessage : false
		         }; 
		 var infoWindow = new BMap.InfoWindow(content,
                 opts1);
		 
		//map.addOverlay(marker);//添加标注
		addClickHandler(marker,infoWindow)
		//markerManager(marker,9,15);
	}
		
		var target = new BMap.Marker(new BMap.Point(120.121375,30.294012));
		var opts = {
				  offset   : new BMap.Size(20, -20)    //设置文本偏移量
				}
		var label2 = new BMap.Label("杭州包含3家运营网点",opts);//创建文本标注
		target.setLabel(label2);
		markerManager(target,5,8);
}




function showWin(){
    /*找到div节点并返回*/
    var winNode = $("#mapWindow");
   //方法一：利用js修改css的值，实现显示效果
   // winNode.css("display", "block");
   //方法二：利用jquery的show方法，实现显示效果
   // winNode.show("slow");
    //方法三：利用jquery的fadeIn方法实现淡入
    winNode.fadeIn("slow");
}
function hide(){
    var winNode = $("#mapWindow");
    //方法一：修改css的值
    //winNode.css("display", "none");
    //方法二：jquery的fadeOut方式
    winNode.fadeOut("slow");
    //方法三：jquery的hide方法
    //winNode.hide("slow");
}





